<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--1.引入vue.js文件  后期使用脚手架搭建前端项目需要使用webpack来构建-->
    <script src="js/vue.js"></script>
</head>
<body>
<!--2.准备Vue.js需要使用的容器-->
<div id="app">
    <!--插值语法 支持js表达式-->
  你好,{{username}},住在{{address}}，{{emp.name}}{{city[0]}}
</div>
</body>
</html>
<!--3.使用Vue.js 需要Vue实例-->
<script>
    new Vue({
    // Vue对象需要的各种配置
        el:'#app',//el用于指定当期Vue对象给哪个容器使用 css选择器
        data:{//data用于存储数据 表示数据提供给el指定的容器中去使用 暂时写一个对象
            //属性名:属性值
            username:'张三',
            address:'昆明',
            age:18,
            emp:{
                name:'555'
            },
            city:['德国']

        }
    });

</script>
